<%--
  Created by IntelliJ IDEA.
  User: lenovo
  Date: 2018/7/12
  Time: 17:43
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<link href="/static/dist/lib/datagrid/zui.datagrid.min.css" rel="stylesheet">
<script src="/static/dist/lib/datagrid/zui.datagrid.min.js"></script>
<div class="container-fluid">
    <div id="myDataGrid" class="datagrid"></div>
    <ul class="pager" data-ride="pager" data-page="2" data-rec-total="89"></ul>
    <script type="application/javascript">
        $(function () {
            $('#myDataGrid').datagrid({
                dataSource: {
                    cols:[
                        {name: 'time', label: '时间', width: 132},
                        {name: 'hera', label: '英雄', width: 134},
                        {name: 'action', label: '动作', width: 109},
                        {name: 'target', label: '目标', width: 109},
                        {name: 'desc', label: '描述', width: 287}
                    ],
                    remote: function(params) {
                        return {
                            // 原创请求地址
                            url: '/static/data/remote-data-1.json',
                            // 请求类型
                            type: 'GET',
                            // 数据类型
                            dataType: 'json'
                        };
                    }
                }
            });
        });
    </script>
</div>

